<template>
  <div class="home-container">
    
     <van-search
      v-model="value"
      shape="round"
      background="#4fc08d"
      placeholder="助力奥运 全场满49减10"
    />
     
<!-- <div style="color:red;font-size:30px">项目开发中...</div> -->
<div class="lunbo-home">
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item><img src="./img/1.png" alt=""></van-swipe-item>
  <van-swipe-item><img src="./img/2.png" alt=""></van-swipe-item>
  <van-swipe-item><img src="./img/3.png" alt=""></van-swipe-item>
  <van-swipe-item><img src="./img/4.png" alt=""></van-swipe-item>
  <van-swipe-item><img src="./img/5.png" alt=""></van-swipe-item>
  <van-swipe-item><img src="./img/6.png" alt=""></van-swipe-item>
</van-swipe>
 </div>
 <van-grid direction="horizontal"  :column-num="4">
  <van-grid-item icon="logistics"  text="0起送" />
  <van-grid-item icon="tosend" text="晚到必赔" />
  <van-grid-item icon="passed" text="100%捡" />
  <van-grid-item icon="font-o" text="包退包赔" />
</van-grid>
<div>
 <van-grid column-num="5" size="20px">
  <van-grid-item icon="https://cms.34580.cn/prod/ca7b311b0f0f7765e86c5e05ae7b0736.png"   text="新鲜水果" />
  <van-grid-item icon="https://cms.34580.cn/b4eb5af0daa03c2a744707b6b8f3aa35/3-%E9%B2%9C%E8%82%89%E8%9B%8B%E7%A6%BD.png" text="鲜肉禽蛋" />
  <van-grid-item icon="https://cms.34580.cn/b4eb5af0daa03c2a744707b6b8f3aa35/3-%E9%B2%9C%E8%82%89%E8%9B%8B%E7%A6%BD.png" text="水产海鲜" />
  <van-grid-item icon="https://cms.34580.cn/4d744d3564992b90f0ba7096f6b5c6b3/4-%E7%89%9B%E5%A5%B6%E9%9D%A2%E5%8C%85.png" text="乳品烘培" />
  <van-grid-item icon="https://cms.34580.cn/5348e1ce77b4a984b2bff86daff38446/8-%E7%B2%AE%E6%B2%B9%E7%B1%B3%E9%9D%A2.png" text="每日签到" />
  <van-grid-item icon="https://cms.34580.cn/9e7c8619de1817c981dc0019b20e3540/7-%E9%9B%B6%E9%A3%9F%E9%85%92%E6%B0%B4.png" text="粮油调味" />
  <van-grid-item icon="https://cms.34580.cn/9e7c8619de1817c981dc0019b20e3540/7-%E9%9B%B6%E9%A3%9F%E9%85%92%E6%B0%B4.png" text="零食酒水" />
  <van-grid-item icon="https://cms.34580.cn/7ef3e83d701b7af8fd3f8954af99869c/6-%E7%94%9F%E6%B4%BB%E8%B6%85%E5%B8%82.png" text="生活超市" />
  <van-grid-item icon="https://cms.34580.cn/7ef3e83d701b7af8fd3f8954af99869c/6-%E7%94%9F%E6%B4%BB%E8%B6%85%E5%B8%82.png" text="冰激凌" />
  <van-grid-item icon="https://cms.34580.cn/prod/c8b22d1d0c39aea6351fea6a10bb7876.png" text="食行优选" />
</van-grid>
</div>

<van-grid direction="horizontal" :column-num="3">
  <van-grid-item icon="https://cms.34580.cn/prod/36c02c9d01b7b208cdf2ada2eb0425fd.png" text="邀人有理" />
  <van-grid-item icon="https://cms.34580.cn/prod/37f279905f768997b3765afdb2b3a1dc.png" text="食行拼团" />
  <van-grid-item icon="https://cms.34580.cn/prod/c25a6c2048c5aa0366b990272c0e026f.png" text="天天领菜" />
</van-grid>
<div class="immg">
  <!-- <img src="https://cms.34580.cn/prod/99f62593387a6b1a7b45945b60ff7226.gif" alt=""> -->

</div>


 </div>
</template>

<script>


export default {
  name: "HomeIndex",

  components: {},
  props: {},

  data() {
    return {
         activeKey: 0,
       value: '',
    };
  },
  computed: {},
  watch: {},
  created() {},

  mounted() {},

  methods: {
    
  },
};
</script>

<style lang="stylus" scoped>

  .my-swipe .van-swipe-item {
    width 375px
    height 150px
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    // background-color: #39a9ed;
  }
.my-swipe .van-swipe-item img{
  width 100%
  height 100%
  .immg{
    width 414px
    height 80px
    img{
      width 100%
      height 100%
      
    }
  }
}

</style>